@charset "utf-8";

/* CSS Document */
@media screen and (max-width: 1680px){
  .container{padding: 0 6%;}
  .page_topic .topicbox .swiper .box{padding-right:6%;}
  .page_topic .topicbox{width: 94% !important;}
  .inProduct .contprot .contthumb .left{ margin-left: 6%;}
  .catproduct .catitem .left{ margin-left:6%;}
  .catproduct .catitem:nth-child(2n) .left{margin-right:6%}
}


@media screen and (max-width: 1560px){
  .container{padding: 0 3%;}
  .page_topic .topicbox .swiper .box{padding-right:3%;}
  .header .nav .drop{ padding: 0 25px;}
  .page_topic .topicbox{width: 97% !important;}
  .inProduct .contprot .contthumb .left{ margin-left: 3%;}
  .catproduct .catitem .left{ margin-left:3%;}
  .catproduct .catitem:nth-child(2n) .left{margin-right:3%}
}

@media screen and (max-width: 1440px){
  .inProduct .contprot .contthumb .left{padding:80px 0;}
  .inProduct .contprot .contthumb .left .cont-item .cont{ margin-top:30px;}
  .inProduct .contprot .contthumb .left .cont-item .more{ margin-top:50px}
  .inProduct .contprot .contthumb .left .porbody{ margin-top:30px;}
  .catproduct .catitem .left{padding:80px 0;}
  .catproduct .catitem .left .cont-item .cont{ margin-top:30px;}
  .catproduct .catitem .left .cont-item .more{ margin-top:50px}
  .catproduct .catitem .left .porbody{ margin-top:30px;}
  .about_advant .advantbox .advant .item{ padding:30px;}
}


@media screen and (max-width: 1360px){
    .inProduct .catelist{ width:70%;}
   .header .nav {padding-left: 5%;}
}

@media screen and (max-width: 1280px){
    .header .logo img{ height:55px;}
    .header .nav{ padding-left:0;}
    .header .nav .drop{ padding:0 10px;}
    .inProduct .infor .tit{font-size:26px;}
    .inProduct .contprot .contthumb .left{padding:60px 0; width:42%;}
    .inProduct .contprot .contthumb .left .cont-item .name{font-size:28px;}
    .catproduct .catitem .left{padding:60px 0; width:42%;}
    .catproduct .catitem .left .cont-item .name{font-size:28px;}

    .inSolution{ padding:60px 0}
    .inSolution .infor .tit{font-size:26px;}
    .inSolution .solutbox .left{ padding:30px 10% 30px 30px}
    .inSolution .solutbox .left .related{margin-top:30px; padding-top:20px;}
    .inSolution .solutbox .left .related .infor{ width:100%; grid-gap:5px;}
    .inSolution .solut .tab .swiper-slide{width:19.2%; font-size: 17px; margin-right:1%;}
    .catsolution{ padding:60px 0}
    .catsolution .infor .tit{font-size:26px;}
    .catsolution .catsolut .left{padding:50px 40px;}

    .inNews{padding:60px 0;}
    .inNews .infor .tit{font-size:26px;}
    .inNews .newsbox .item .cont .title{ margin-top:20px; font-size:17px}

    .inAbout{padding:60px 0;}
    .inAbout .infor .tit{font-size:26px;}
    .inAbout .abocont .cont{ width:64%;}
    .inAbout .abocont .number{ width:78%}

    footer .footer .footer_logo .l img{height:75px;}

    .product_parameter .parameter_yg .tab-gory{ width:200px;}
    .product_parameter .parameter_yg .tab-cont{width: calc(100% - 200px);}
    .product_parameter .parameter_title{ font-size:30px;}
    .product_character{ padding:70px 0;}
    .product_character .infor .tit{font-size:28px;}
    .product_character .content{ margin-top:70px;}
    .application .application_title{ font-size:30px;}
    .application .application_video{grid-gap:20px;}
    .product_down .parameter_title{font-size:30px;}
    .product_down .download{grid-gap:20px;}
    .product_from .from_left .title{font-size:28px;}
    .product_from .online .title{font-size:28px;}

    .page_solution .text-center .name{font-size:30px;}
    .page_solution1 .text-center .name{font-size:30px;}
    .page_solution1 .application_video{grid-gap: 20px;}

    .page_devel .text-center .name{ font-size:30px;}
    .page_topic .text-center .name{font-size:30px;}

    .page_about .aboutProfile .about_txt .infor{padding:50px 30px}
    .page_about .aboutProfile .about_txt .infor .about_scroll h2{font-size:28px}
    .page_number{padding:40px 0;}
    .about_advant .title{font-size:30px;}
    .about_plan .title{font-size:30px;}
    .about_history{padding:70px 0;}
    .about_history .title{font-size:30px;}

    .page_news .newsbox{grid-gap: 20px;}
    .page_news .newsbox .item .infor{padding:30px 20px;}
    .page_news .newsbox .item .infor .t{font-size:17px;}
    .page_partner .partnerbox{grid-gap: 20px;}
    .page_join .joinbox{grid-gap: 20px;}
    .page_system .text-center .name{font-size:30px;}
    .page_flow .text-center .name{font-size:30px;}
    .page_flow .flow_centent .item .tit{font-size:20px;}
    .page_honor .title{font-size:30px;}
    .page_patent .title{font-size:30px;}

}

@media screen and (max-width: 1024px) and (min-width: 768px){
    .container{padding: 0 2%;}
    .page_topic .topicbox .swiper .box{padding-right:3%;}
    .page_topic .topicbox{width: 98% !important;}
    .header{height:70px;}
    .header .nav .tools{ margin-left:20px;}
    .header .logo{height:70px;}
    .header .logo img{ height:50px;}
    .placeholder{height:70px;}
    .header .nav>ul{display:none;}
    .header .nav{ height:70px;}
    .header .nav .tools .h_lan{ height:70px;}
    .header .nav .tools .h_sear .search-alert{ height:70px;}
    .header .nav .tools .h_sear .search-alert .close{height:70px; padding:25px;}
    .header .nav .tools .h_sear .search-alert .close .close_icon{ width:20px;height:20px; line-height:20px; font-size:20px;}
    .header .nav .tools .h_sear .search-alert .cent-form .search-btn{ width:110px; height:36px;}
    .sp_nav{display:block; width:45px;float:right;position:relative;cursor:pointer;height:30px; margin-left:15px; margin-top: 24px;-moz-transition: all .5s ease 0s;-ms-transition: all .5s ease 0s;-o-transition: all .5s ease 0s;-webkit-transition: all .5s ease 0s;transition: all .5s ease 0s;}
    .header.scroll .sp_nav{ margin-top:19px;}
    .sp_nav span{display:block;background:#ffffff;width:30px;height:2px;position:absolute;left:10px;transition:all ease 0.35s}
    .sp_nav span:nth-of-type(1){top:0px}
    .sp_nav span:nth-of-type(2){top:10px}
    .sp_nav span:nth-of-type(3){top:20px}
    .sp_nav_se span:nth-of-type(1){top:10px;transform:rotate(45deg)}
    .sp_nav_se span:nth-of-type(2){width:0}
    .sp_nav_se span:nth-of-type(3){top:10px;transform:rotate(-45deg)}
    .sjj_nav{display:block; position:fixed;z-index:999;background:#fff;width:100%;height:100vh;font-size:14px;line-height:40px;top:-100vh;left:0;overflow:auto;overflow-x:hidden;transition:top ease 0.35s;}
    .sjj_nav .bg{ width: 100%; height: 4px;background: #da251c;}
    .sjj_nav .hotline{ background-color: #0094da; padding-left: 20px; height: 60px;line-height: 60px; font-size: 14px; color: #fff; }
    .sjj_nav .hotline span{ font-size: 20px;font-weight: bold; }
    .nav_show{top:70px}
    .header.scroll .nav_show{top:60px}
    .sjj_nav>ul>li:first-child{overflow:hidden;border-top:0; width:100%;}
    .sjj_nav>ul>li:first-child>a{float:left;width:100%;}
    .sjj_nav>ul>li:first-child .language{float:right;width:22%;overflow:hidden;line-height:50px;}
    .sjj_nav>ul>li:first-child .language a{width:48%;float:left;border-left:1px #ddd solid;text-align:center;color:#999;}
    .sjj_nav ul li i{position:absolute;top:5px;right:0px;border-left:1px #ddd solid;height:30px;padding:0px 7px 0 7px;}
    .sjj_nav ul li i svg{transform:rotate(-90deg);transition:all ease 0.35s}
    .sjj_nav ul li .sjj_nav_i_se svg{transform:rotate(0deg)}
    .sjj_nav ul li{border-top:1px #ddd solid;position:relative;line-height:50px;font-size:16px}
    .sjj_nav ul li a{color:#666;padding:0 20px; width:100%; display: block; box-sizing:border-box}
    .sjj_nav ul>li:hover>a{ background-color:#da251c; color:#fff}
    .sjj_nav>ul >li:last-child{border-bottom:1px #ddd solid;}
    .sjj_nav ul li .dirnav{display:none}
    .sjj_nav ul li .dirnav .li{margin-left:10px;border-top:1px #ddd solid;}
    .sjj_nav ul li .dirnav .li a{ font-size:15px; color:#999;display:block;text-align:left;}
    .sjj_nav ul li i svg{width:20px;height:20px;fill:#555;}
    .sjj_nav ul li .sjj_nav_i_se svg{fill:#da251c}
    .mbanner{display:block;}
    .pcbanner{display:none;}
    .banner{ height:auto;}
    .banner .swiper-slide .banner_video{ height:auto;transform: translateY(-10%);}
    .banner .mswiper-pagination{position: absolute; text-align: center;transition: .3s opacity;transform: translate3d(0, 0, 0);z-index: 10; bottom:10px !important}
    .banner .mswiper-pagination .swiper-pagination-bullet{width:14px;height:15px; margin:0 5px !important; background-size:auto 15px; background: url(../img/pagination.png) center no-repeat; opacity: 1;}
    .banner .mswiper-pagination .swiper-pagination-bullet-active{ background: url(../img/paginationh.png) center no-repeat;}
    .inProduct .infor .tit_en{font-size:15px;}
    .inProduct .infor .tit{font-size:20px;}
    .inProduct .catethumb .item{ width:25%;}
    .inProduct .catethumb .item .ico img{ height:35px;}
    .inProduct .catethumb .item .txt{font-size:15px;}
    .inProduct .contprot .contthumb .left{width:40%; margin-left: 2%; padding:40px 0;}
    .inProduct .contprot .contthumb .left .cont-item .name{font-size:24px;}
    .inProduct .contprot .contthumb .left .cont-item .cont{ line-height:26px; font-size:15px; -webkit-line-clamp: 3;line-clamp: 3;}
    .inProduct .contprot .contthumb .left .cont-item .more{ margin-top:30px;line-height: 40px;}
    .inProduct .contprot .contthumb .left .porbody{ margin-top:20px;}
    .inProduct .contprot .contthumb .left .porbody .swiper-slide{font-size:15px;}
    .inProduct .contprot .contthumb .right{ width:58%;}
    .catproduct .catitem .left{width:40%; margin-left: 2%; padding:40px 0;}
    .catproduct .catitem .left .cont-item .name{font-size:24px;}
    .catproduct .catitem .left .cont-item .cont{ line-height:26px; font-size:15px; -webkit-line-clamp: 3;line-clamp: 3;}
    .catproduct .catitem .left .cont-item .more{ margin-top:30px;line-height: 40px;}
    .catproduct .catitem .right{ width:58%;}
    .catproduct .catitem .left:nth-child(2n){ margin-right:2%;}

    .inSolution{padding:40px 0;}
    .inSolution .infor .tit_en{font-size:15px;}
    .inSolution .infor .tit{font-size:20px;}
    .inSolution .solutbox .left{padding: 20px 8% 20px 20px;}
    .inSolution .solutbox .left .tit{font-size:20px;}
    .inSolution .solutbox .left .cont{ margin-top:20px; font-size:15px; line-height:26px; height:104px;}
    .inSolution .solutbox .left .more{ margin-top:30px;}
    .inSolution .solut .tab .swiper-slide{font-size:15px; line-height:40px; height:40px;}
    .inSolution .solutbox .right{ width:58%}
    .catsolution{ padding:40px 0}
    .catsolution .infor .tit_en{font-size:15px;}
    .catsolution .infor .tit{font-size:20px;}
    .catsolution .catsolut .left{width:50%; padding:40px 30px;}
    .catsolution .catsolut .left .tit{font-size:20px;}
    .catsolution .catsolut .left .cont{ margin-top:20px; font-size:15px; line-height:26px; height:104px;}
    .catsolution .catsolut .left .more{ margin-top:30px;}
    .catsolution .catsolut .right{ width:50%;}

    .inNews{padding:40px 0;}
    .inNews .infor .tit_en{font-size:15px;}
    .inNews .infor .tit{font-size:20px;}
    .inNews .top .more{line-height: 40px;}
    .inNews .newsbox{ margin-top:30px;grid-gap: 15px;}
    .inNews .newsbox .item .img .infor{font-size:14px;padding:10px;}
    .inNews .newsbox .item .cont .title{margin-top:15px; font-size:16px; line-height: 26px; height:52px;}
    .inNews .newsbox .item .cont .desc{line-height: 26px; height:52px;}

    .inAbout{padding:40px 0;}
    .inAbout .infor .tit_en{font-size:15px;}
    .inAbout .infor .tit{font-size:20px;}
    .inAbout .abocont{ margin-top:30px;}
    .inAbout .abocont .number{ margin-top:30px;}
    .inAbout .abocont .number .item .c{font-size:15px;}
    .inAbout .abocont .number .item .T .timer{font-size:32px;}
    .inAbout .abocont .cont{font-size:15px; line-height:26px;}

    footer .footer{padding:30px 0;}
    footer .footer .footer_logo .l img{height:50px;}
    footer .footer .footer_logo .r img{ height:80px;}
    footer .footer .footer_logo .r span{ margin-left:30px;}
    footer .footer .footer_menu{margin-top:30px;}
    footer .footer .footer_menu dl dt{font-size:16px;}
    footer .footer .footer_menu dl dd{ margin-top:15px;}
    footer .footer .footer_menu dl dd a{font-size:14px; line-height:28px;}
    footer .footer .footer_menu dl dd p{font-size:14px; line-height:28px;}
    footer .footer .footer_menu dl dd p span::before{font-size:14px;}
    footer .copyright{padding: 15px 0;font-size: 14px;}
    footer .copyright a{font-size:14px;}

    .product_banner .bannerText .splitlist{font-size:24px;}
    .product_banner .bannerText .desc{margin:20px auto; font-size:15px; line-height:26px; width:92%;}
    .product_banner .bannerText .video_btn{ padding:0 20px; line-height:40px;}
    .product_content{padding:40px 0;}
    .product_content .col_cont{font-size:15px;}
    .product_content .product_advantage{grid-gap: 20px;}
    .product_content .product_advantage .item .title{font-size:18px; margin-bottom:10px;}
    .product_content .product_advantage .item .desc{font-size:15px;}

    .product_parameter{padding:40px 0;}
    .product_parameter .parameter_title{font-size:24px; padding-bottom:20px;}
    .product_parameter .parameter_yg .tab-gory .item{line-height:45px;}
    .product_parameter .parameter_yg .tab-gory .item .infor{ margin-left:15px; padding-left:15px;}
    .product_parameter .parameter_yg .tab-gory{ width:175px;}
    .product_parameter .parameter_yg .tab-cont{ width:calc(100% - 175px); padding:20px;}
    .product_parameter .parameter_yg .tab-cont .relief{font-size:15px;}

    .product_character{padding:60px 0;}
    .product_character .infor .tit{font-size:22px;}
    .product_character .infor .cont{font-size:16px;}
    .product_character .content .item .ico{ width:60px;height:60px; line-height:56px;}
    .product_character .content .item .tit{font-size:16px;}
    .product_character .content{margin-top:50px; grid-gap: 10px;}

    .application{padding:40px 0;}
    .application .application_title{ font-size:24px;}
    .application .application_video{ margin-top:20px;  grid-gap: 10px;}
    .application .application_video .item .infor{ padding:10px 4%;}
    .application .application_video .item .tit{font-size:16px;}

    .product_down{padding:40px 0;}
    .product_down .parameter_title{font-size:24px;}
    .product_down .download{ margin-top:20px; grid-gap: 10px;}
    .product_down .download .item a{padding:10px;}

    .product_from{padding:40px 0;}
    .product_from .from_left{ padding:20px;}
    .product_from .from_left .title{font-size:24px;}
    .product_from .online{ padding:20px;}
    .product_from .online .title{font-size:24px;}
    .product_from .online .onlinebox dt{font-size:17px;}
    .product_from .online .onlinebox p{font-size:15px; line-height:30px;}
    .pageNav .menuNav .li a{padding: 0 12px;}
    .page_solution{padding:40px 0;}
    .page_solution .text-center .name{font-size:24px;}
    .page_solution .solutcont .cont{font-size:15px;}
    .page_solution .solutcont .solutsuper .tit span{font-size:18px;}
    .page_solution .solutcont .solutsuper .super .item .c{font-size:15px; margin-top:10px;}
    .page_solution1{padding:40px 0;}
    .page_solution1 .text-center .name{font-size:24px;}
    .page_solution1 .application_video{ margin-top:20px;  grid-gap: 10px;}
    .page_solution1 .application_video .item .infor{ padding:10px 4%;}
    .page_solution1 .application_video .item .tit{font-size:16px;}

    .page_network{padding:40px 0;}
    .page_network .network{ display: grid; grid-gap: 10px; grid-template-columns: repeat(3,1fr);}
    .page_network .network .item{width:100%}
    .page_network .network .item .tit{font-size:17px;}
    .page_network .network .item.select{width:100%}
    .page_network .network .item.select .tit, .page_network .network .item.select .dot{padding-left:0; text-align:center;}
    .page_network .network .item.select .item_full{opacity: 0;}
    .page_network .network .item.select .item_cover{opacity: 1;}

    .problem_show{padding:40px 0;}

    .page_system{padding:40px 0;}
    .page_system .text-center .name{font-size:24px}
    .page_system .system_centent{margin-top:30px; grid-gap: 10px;}
    .page_system .system_centent .item .infor{ padding:40px 20px;}
    .page_system .system_centent .item .infor .icon{font-size:45px;}

    .page_flow{padding:40px 0;}
    .page_flow .text-center .name{font-size:24px;}
    .page_flow .flow_centent{margin-top:30px; grid-gap: 10px;}
    .page_flow .flow_centent .item{ padding:40px 20px;}
    .page_flow .flow_centent .item .icon{font-size:45px;}
    .page_flow .flow_centent .item .tit{font-size:18px;}

    .page_devel{padding:40px 0;}
    .page_devel .text-center .name{font-size:24px;}
    .page_devel .team_content .cont{ width:100%;}
    .page_devel .team_content .teambox{ width:100%; margin-top:20px;}

    .page_cont{ padding:40px 0;font-size: 15px; line-height: 26px;}
    .page_report .right{ padding:25px;}
    .page_report .right .txt{font-size:18px;}

    .page_download{padding:40px 0;}
    .page_download .tablep{ padding:20px 10px;}
    .page_download .down_so{ width:100%;}

    .page_topic{padding:40px 0;}
    .page_topic .text-center .name{font-size:24px;}
    .page_topic .topicbox .swiper .swiper-slide .cont h4{font-size:17px;}
    .page_topic .topicbox .swiper .swiper-slide .cont .txt{font-size:15px; line-height:26px; -webkit-line-clamp: 3;line-clamp: 3;}
    .page_topic .topicbox .more{width:150px; height:40px;}
    .page_topic .topicbox .more p{ line-height:40px;}
    .page_news{padding:40px 0;}
    .page_news .newsshow .item_top .pageT{font-size:20px;}
    .page_news .newsshow .item_content{font-size:15px;}
    .page_news .newsshow .item_btm .paging_nav .prevpage a,.page_news .newsshow .item_btm .paging_nav .nextpage a{font-size:15px;}
    .page_news .newsshow .item_btm .return_list .backList{ height:40px;}

    .page_about .aboutProfile .about_txt .infor .about_scroll h2{font-size:24px;}
    .page_about .aboutProfile .about_txt .infor .about_scroll{ height:280px; font-size:15px;}
    .page_number{padding:30px 0;}
    .page_number .number .item .T .timer{font-size:32px;}
    .about_advant{padding:40px 0;}
    .about_advant .title{font-size:24px;}
    .about_advant .advantbox{margin-top:30px;}
    .about_advant .advantbox .advant .item{padding:10px;}
    .about_advant .advantbox .advant .item .tit{font-size:17px;}
    .about_advant .advantbox .advant .item .ft{font-size:24px;}

    .about_plan{padding:40px 0;}
    .about_plan .title{font-size:24px;}
    .about_history{padding:50px 0;}
    .about_history .title{font-size:24px;}
    .about_history .history .item{ width:32% !important;}
    .about_history .history .item .name{font-size:18px;}
    .page_honor{padding:40px 0;}
    .page_honor .title{font-size:24px;}
    .page_honor .honorbox{margin:30px auto 0}
    .page_honor .honorbox .item{ width:32% !important;}
    .page_patent{padding:40px 0;}
    .page_patent .title{font-size:24px;}
    .page_patent .patentbox{margin:30px auto 0}
    .page_patent .patentbox .item{ width:32% !important;}
    .page_news .newsbox{grid-gap: 15px;}
    .page_news .newsbox .item .infor{padding:20px 10px;}
    .page_news .newsbox .item .infor .t{margin:10px 0; font-size: 16px; line-height: 26px; height: 52px;}
    .page_news .newsshow{padding:20px;}
    .page_partner{padding:40px 0;}
    .page_partner .partnerbox {grid-gap: 10px;}

    .page_join{padding:40px 0;}
    .page_join .join_txt{margin-bottom:30px;font-size: 15px;line-height: 26px;padding: 20px;}
    .page_join .joinbox{grid-gap: 10px;}
    .page_join .joinbox .item a{padding:15px}
    .page_join .joinbox .item .title{font-size:17px;}
    .page_join .joinshow{padding:20px;}
    .page_join .joinshow .item_top .pageT{font-size:20px;}
    .page_join .joinshow .item_top .return_list .backList{height:40px;}

    .problem_show .search_show .list_dl .list_dt{padding:15px;}
    .problem_show .search_show .list_dl .list_dd{padding:20px;}
    .page_download .downcont{width:100%}

    .page_about .aboutProfile .about_img .aboutImg_List{width:80%;}
    .solve_video .solveList{width:80%}
    #pictureViewer > .content{width:80%;}
}


@media screen and (max-width: 767px){
    .container{padding: 0 2%;}
    .page_topic .topicbox{width: 98% !important;}
    .header{height:70px;}
    .header .container{display:flex;justify-content: space-between;}
    .header .logo{height:70px;}
    .header .logo img{ height:35px;}
    .placeholder{height:70px;}
    .header .nav>ul{display:none;}
    .header .nav{ height:70px;}
    .header .nav .tools{margin-left:10px;}
    .header .nav .tools .xian{margin:0 10px;}
    .header .nav .tools .h_lan{ height:70px;}
    .header .nav .tools .h_sear .search-alert{ height:70px;}
    .header .nav .tools .h_sear .search-alert .close{height:70px; padding:25px;}
    .header .nav .tools .h_sear .search-alert .close .close_icon{ width:20px;height:20px; line-height:20px; font-size:20px;}
    .header .nav .tools .h_sear .search-alert .cent-form .search-btn{ width:80px; height:36px; line-height:36px}
    .sp_nav{display:block; width:45px;float:right;position:relative;cursor:pointer;height:30px; margin-left:5px; margin-top: 24px; -moz-transition: all .5s ease 0s;-ms-transition: all .5s ease 0s;-o-transition: all .5s ease 0s;-webkit-transition: all .5s ease 0s;transition: all .5s ease 0s;}
    .header.scroll .sp_nav{ margin-top:19px;}
    .sp_nav span{display:block;background:#ffffff;width:30px;height:2px;position:absolute;left:10px;transition:all ease 0.35s}
    .sp_nav span:nth-of-type(1){top:0px}
    .sp_nav span:nth-of-type(2){top:10px}
    .sp_nav span:nth-of-type(3){top:20px}
    .sp_nav_se span:nth-of-type(1){top:10px;transform:rotate(45deg)}
    .sp_nav_se span:nth-of-type(2){width:0}
    .sp_nav_se span:nth-of-type(3){top:10px;transform:rotate(-45deg)}
    .sjj_nav{display:block; position:fixed;z-index:999;background:#fff;width:100%;height:100vh;font-size:14px;line-height:40px;top:-100vh;left:0;overflow:auto;overflow-x:hidden;transition:top ease 0.35s;}
    .sjj_nav .bg{ width: 100%; height: 4px;background: #da251c;}
    .sjj_nav .hotline{ background-color: #0094da; padding-left: 20px; height: 60px;line-height: 60px; font-size: 14px; color: #fff; }
    .sjj_nav .hotline span{ font-size: 20px;font-weight: bold; }
    .header .nav_show{top:70px;}
    .header.scroll .nav_show{top:60px}
    .sjj_nav>ul>li:first-child{overflow:hidden;border-top:0; width:100%;}
    .sjj_nav>ul>li:first-child>a{float:left;width:100%;}
    .sjj_nav>ul>li:first-child .language{float:right;width:22%;overflow:hidden;line-height:50px;}
    .sjj_nav>ul>li:first-child .language a{width:48%;float:left;border-left:1px #ddd solid;text-align:center;color:#999;}
    .sjj_nav ul li i{position:absolute;top:5px;right:0px;border-left:1px #ddd solid;height:30px;padding:0px 7px 0 7px;}
    .sjj_nav ul li i svg{transform:rotate(-90deg);transition:all ease 0.35s}
    .sjj_nav ul li .sjj_nav_i_se svg{transform:rotate(0deg)}
    .sjj_nav ul li{border-top:1px #ddd solid;position:relative;line-height:50px;font-size:16px}
    .sjj_nav ul li a{color:#666;padding:0 20px; width:100%; display: block; box-sizing:border-box}
    .sjj_nav ul>li:hover>a{ background-color:#da251c; color:#fff}
    .sjj_nav>ul >li:last-child{border-bottom:1px #ddd solid;}
    .sjj_nav ul li .dirnav{display:none}
    .sjj_nav ul li .dirnav .li{margin-left:10px;border-top:1px #ddd solid;}
    .sjj_nav ul li .dirnav .li a{ font-size:15px; color:#999;display:block;text-align:left;}
    .sjj_nav ul li i svg{width:20px;height:20px;fill:#555;}
    .sjj_nav ul li .sjj_nav_i_se svg{fill:#da251c}
    .mbanner{display:block;}
    .pcbanner{display:none;}
    .banner{ height:auto;}
    .banner .mswiper-pagination{position: absolute !important; text-align: center;transition: .3s opacity;transform: translate3d(0, 0, 0);z-index: 10; bottom:10px !important}
    .banner .mswiper-pagination .swiper-pagination-bullet{width:14px;height:15px; margin:0 5px !important; background-size:auto 15px; background: url(../img/pagination.png) center no-repeat; opacity: 1;}
    .banner .mswiper-pagination .swiper-pagination-bullet-active{ background: url(../img/paginationh.png) center no-repeat;}
    .banner .swiper-slide .banner_video{ height:auto;transform: translateY(-10%);}
    .inProduct .line{height:2px;}
    .inProduct .top_list{padding:20px 0;}
    .inProduct .top_list .container{flex-direction: column;}
    .inProduct .infor{width:100%;}
    .inProduct .infor .tit_en{font-size:15px;}
    .inProduct .infor .tit{font-size:20px;}
    .inProduct .catelist{width:100%; margin-top:20px;}
    .inProduct .catethumb .item{ width:33.333333%;}
    .inProduct .catethumb .item .ico img{ height:35px;}
    .inProduct .catethumb .item .txt{font-size:15px;}
    .inProduct .contprot .contthumb .left{width:94%; margin:0 2%; padding:0 0 40px;}
    .inProduct .contprot .contthumb .left .cont-item .name{font-size:18px;}
    .inProduct .contprot .contthumb .left .cont-item .cont{margin-top:10px; line-height:26px; font-size:15px; -webkit-line-clamp: 3;line-clamp: 3;}
    .inProduct .contprot .contthumb .left .cont-item .more{ margin-top:20px;line-height: 35px; width:130px;}
    .inProduct .contprot .contthumb .left .porbody{ margin-top:10px;}
    .inProduct .contprot .contthumb .left .porbody .swiper-slide{font-size:15px; padding:10px 0;}
    .inProduct .contprot .contthumb .right{ width:100%;}
    .catproduct .catitem{ padding:20px 0;}
    .catproduct .catitem .left{width:94%; margin:0 2%; padding:40px 0;}
    .catproduct .catitem .left .cont-item .name{font-size:18px;}
    .catproduct .catitem .left .cont-item .cont{margin-top:10px; line-height:26px; font-size:15px; -webkit-line-clamp: 3;line-clamp: 3;}
    .catproduct .catitem .left .cont-item .more{ margin-top:20px;line-height: 35px; width:130px;}
    .catproduct .catitem .right{ width:100%;}
    .catproduct .catitem:nth-child(2n) .left{width:94%;}
    .catproduct .catitem:nth-child(2n) .right{ width:100%;}

    .inSolution{padding:40px 0;}
    .inSolution .infor .tit_en{font-size:15px;}
    .inSolution .infor .tit{font-size:20px;}
    .inSolution .solut{margin-top:30px;}
    .inSolution .solutbox .left{width:100%; padding:15px 10px;}
    .inSolution .solutbox .left .tit{font-size:18px;}
    .inSolution .solutbox .left .cont{ margin-top:15px; font-size:15px; line-height:26px; height:78px;-webkit-line-clamp: 3;line-clamp: 3;}
    .inSolution .solutbox .left .more{ margin-top:20px; width:35px;height:35px; line-height:35px;}
    .inSolution .solutbox .left .related{margin-top: 20px; padding-top: 10px;}
    .inSolution .solutbox .left .related .infor a{height:35px;line-height:35px;}
    .inSolution .solut .tab{position:relative;width:100%;}
    .inSolution .solut .tab .swiper-wrapper{display: grid; grid-gap: 8px;grid-template-columns: repeat(3,1fr);}
    .inSolution .solut .tab .swiper-slide{float:left; width:100%; font-size:15px; line-height:40px; height:40px;}
    .inSolution .solutbox{margin-top:20px;}
    .inSolution .solutbox .right{position:relative; width:100%;height:auto;}

    .catsolution{ padding:40px 0}
    .catsolution .infor .tit_en{font-size:15px;}
    .catsolution .infor .tit{font-size:20px;}
    .catsolution .catsolut .left{width:100%; padding:30px 20px;}
    .catsolution .catsolut .left .tit{font-size:18px;}
    .catsolution .catsolut .left .cont{ margin-top:15px; font-size:15px; line-height:26px; height:78px;-webkit-line-clamp: 3;line-clamp: 3;}
    .catsolution .catsolut .left .more{ margin-top:20px; width:35px;height:35px; line-height:35px;}
    .catsolution .catsolut .right{position:relative; float:left; width:100%;}

    .page_news .blem_so{width: 100%;}
    .page_news .news_search .news_item{grid-gap: 10px; grid-template-columns: repeat(2,1fr);}
    .page_news .warp{ padding:10px;}
    .page_news .news_search .item .infor{ padding:15px 10px}
    .page_news .news_search .item .infor .t{font-size:16px; line-height:24px; margin:5px 0;height: 48px; }

    .inNews{padding:40px 0;}
    .inNews .infor .tit_en{font-size:15px;}
    .inNews .infor .tit{font-size:20px;}
    .inNews .top .more{line-height: 35px; width:130px;}
    .inNews .newsbox{ margin-top:30px;grid-gap: 10px; grid-template-columns: repeat(2,1fr);}
    .inNews .newsbox .item:last-child{display:none;}
    .inNews .newsbox .item .img .infor{display:none;}
    .inNews .newsbox .item .cont .title{margin-top:15px; font-size:16px; line-height: 26px; height:52px;}
    .inNews .newsbox .item .cont .desc{line-height: 26px; height:52px;}

    .inAbout{padding:40px 0;}
    .inAbout .infor .tit_en{font-size:15px;}
    .inAbout .infor .tit{font-size:20px;}
    .inAbout .abocont{ margin-top:30px;}
    .inAbout .abocont .number{ margin-top:30px; width:100%;}
    .inAbout .abocont .number .item .c{font-size:14px;}
    .inAbout .abocont .number .item .T .timer{font-size:32px;}
    .inAbout .abocont .cont{width:85%; font-size:15px; line-height:26px;}

    footer .footer{padding:20px 0;}
    footer .footer .footer_logo{display:none}
    footer .footer .footer_menu{margin-top:0;}
    footer .footer .footer_menu dl{display:none;}
    footer .footer .footer_menu dl:last-child{display:block}
    footer .footer .footer_menu dl dt{font-size:16px;}
    footer .footer .footer_menu dl dd{margin-top:10px;}
    footer .footer .footer_menu dl dd p{font-size:14px; line-height:28px;}
    footer .footer .footer_menu dl dd p span::before{font-size:14px;}
    footer .copyright{padding: 15px 0;font-size: 14px;}
    footer .copyright a{font-size: 14px;}

    .product_banner .bannerText .splitlist{margin-bottom:20px; font-size:18px;}
    .product_banner .bannerText .desc{display:none;}
    .product_banner .bannerText .video_btn{ padding:0 20px; line-height:40px; font-size:14px;}
    .product_content{padding:40px 0;}
    .product_content .col_cont{font-size:15px;}
    .product_content .product_advantage{grid-gap: 20px;}
    .product_content .product_advantage .item .title{font-size:18px; margin-bottom:10px;}
    .product_content .product_advantage .item .desc{font-size:15px;}

    .product_parameter{padding:40px 0;}
    .product_parameter .parameter_title{font-size:20px; padding-bottom:20px;}
    .product_parameter .parameter_yg{flex-direction: column;}
    .product_parameter .parameter_yg .tab-gory{ width:100%;padding:15px 2%;display: grid; grid-gap: 5px; grid-template-columns: repeat(2,1fr);}
    .product_parameter .parameter_yg .tab-gory .item{margin-bottom:0; line-height:40px;}
    .product_parameter .parameter_yg .tab-gory .item .infor{font-size:15px; margin-left:0; padding-left:0; border-radius:25px; text-align:center; background:rgba(255, 255, 255, .15);}
    .product_parameter .parameter_yg .tab-cont{ width:100%; padding:10px 1%;}
    .product_parameter .parameter_yg .tab-cont .relief{font-size:15px;}
    .product_parameter .parameter_yg .tab-cont .tabtitle{flex-direction: column;}
    .product_parameter .parameter_yg .tab-cont .tabtitle .product_name{display:none;}
    .product_parameter .parameter_yg .tab-cont .tabtitle .tablist .item{margin-right:5px; font-size:14px;}
    .product_parameter .parameter_yg .tab-cont .pane-centent{margin-top:20px;}
    .product_parameter .parameter_yg .tab-cont .pane-centent .item .table_body{width:100%;}
    .product_parameter .parameter_yg .tab-cont .pane-centent .img{display:none;}

    .product_character{padding:60px 0;}
    .product_character .infor .tit{font-size:22px;}
    .product_character .infor .cont{font-size:16px;}
    .product_character .content .item .ico{ width:60px;height:60px; line-height:56px;}
    .product_character .content .item .tit{font-size:14px;margin:10px auto;}
    .product_character .content{margin-top:40px; grid-gap: 10px; grid-template-columns: repeat(3,1fr);}
    .product_character .content .item .con{font-size:14px;}

    .application{padding:40px 0;}
    .application .application_title{ font-size:20px;}
    .application .application_video{ margin-top:20px;  grid-gap: 10px;grid-template-columns: repeat(2,1fr);}
    .application .application_video .item .infor{ padding:10px 4%;}
    .application .application_video .item .tit{font-size:15px;}

    .product_down{padding:40px 0;}
    .product_down .parameter_title{font-size:20px;}
    .product_down .download{ margin-top:20px; grid-gap: 10px;grid-template-columns: repeat(1,1fr);}
    .product_down .download .item a{padding:10px;}

    .product_from{padding:40px 0;}
    .product_from .container{ grid-gap: 10px; grid-template-columns: repeat(1,1fr);}
    .product_from .from_left{ padding:20px 3%;}
    .product_from .from_left .title{font-size:20px;}
    .product_from .online{ padding:20px; display:none;}
    .product_from .online .title{font-size:20px;}
    .product_from .online .onlinebox dt{font-size:17px;}
    .product_from .online .onlinebox p{font-size:15px; line-height:30px;}

    .pageNav{height:auto; padding:10px 0;}
    .pageNav .crumbs{width:100%; line-height:26px;}
    .pageNav .menuNav{width:100%; margin-top:10px;}
    .pageNav .menuNav .li{display: block; float: left; font-size: 16px;color: #333333; width: 49%; margin-right: 2%; margin-bottom: 2%; background: #f5f5f5; position:relative; line-height: 45px; text-align: center; overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1;line-clamp: 1;  -webkit-box-orient: vertical;}
    .pageNav .menuNav .li::before{display:none;}
    .pageNav .menuNav .li a{padding: 0 10px;line-height:45px; color:#333333}
    .pageNav .menuNav .li:nth-child(2n){ margin-right: 0;}
    .pageNav .menuNav .li:nth-last-of-type(-n+2) {margin-bottom: 0; }
    .pageNav .menuNav .li:hover,.pageNav .menuNav .li.select{ background: #da251c;}
    .pageNav .menuNav .li:hover a,.pageNav .menuNav .li.select a{color: #ffffff; font-weight:bold;}

    .page_solution{padding:40px 0;}
    .page_solution .text-center .name{font-size:20px;}
    .page_solution .solutcont{ margin-top:20px;}
    .page_solution .solutcont .cont{font-size:15px;}
    .page_solution .solutcont .solutsuper .tit span{font-size:18px;}
    .page_solution .solutcont .solutsuper .super .item{ margin-top:30px;}
    .page_solution .solutcont .solutsuper .super .item .c{font-size:15px; margin-top:10px;}
    .page_solution1{padding:40px 0;}
    .page_solution1 .text-center .name{font-size:20px;}
    .page_solution1 .application_video{ margin-top:20px;  grid-gap: 10px; grid-template-columns: repeat(2,1fr);}
    .page_solution1 .application_video .item .infor{ padding:10px 4%;}
    .page_solution1 .application_video .item .tit{font-size:15px;}

    .page_network{padding:40px 0;}
    .page_network .network{ display: grid; grid-gap: 10px; grid-template-columns: repeat(1,1fr);}
    .page_network .network::after{display:none}
    .page_network .network .item{width:100%}
    .page_network .network .item .dot::before{content: ""; position: absolute;top: 23px;left: 50px;right: 50px;border-bottom: 1px dashed #d7d7d7;z-index: -1;}
    .page_network .network .item .tit{font-size:16px;}
    .page_network .network .item.select{width:100%}
    .page_network .network .item.select .tit, .page_network .network .item.select .dot{padding-left:0; text-align:center;}
    .page_network .network .item.select .item_full{opacity: 0;}
    .page_network .network .item.select .item_cover{opacity: 1;}
    .page_network .network .item.select .add, .page_network .network .item.select .name, .page_network .network .item.select .phone{padding:0 5%}

    .page_system{padding:40px 0;}
    .page_system .text-center .name{font-size:20px}
    .page_system .system_centent{margin-top:20px; grid-gap: 10px; grid-template-columns: repeat(1,1fr);}
    .page_system .system_centent .item{ padding:10px;}
    .page_system .system_centent .item .infor{ padding:30px 20px;}
    .page_system .system_centent .item .infor .icon{font-size:32px;}
    .page_system .system_centent .item .infor .im_title{width:30px;}
    .page_system .system_centent .item .infor p{font-size:16px;}

    .problem_show{padding:40px 0;}
    .problem_show .blem_so{width:94%;}
    .problem_show .blem_so .search-txt{ line-height:37px;}
    .problem_show .blem_so .search-btn{line-height:40px;}

    .page_cont{padding:40px 0; font-size:15px; line-height:26px;}
    .page_report{flex-direction: column;}
    .page_report .left{ width:100%;}
    .page_report .right{ width:100%; padding:20px}
    .page_report .right .txt{font-size:18px;}

    .page_download{ padding:40px 0;}
    .page_download .downcont{font-size:15px; line-height:26px;}
    .page_download .tablep{flex-direction: column; padding:20px 10px; }
    .page_download .tablep .catitem{ flex-wrap: wrap;}
    .page_download .tablep .catitem .cat{ width: 100%; background: none; box-shadow: none; justify-content: left; border-bottom: 1px #e5e5e5 solid; border-radius: 0;}
    .page_download .tablep .catitem .classname{ width: 100%; margin: 15px 0; display: grid; grid-gap: 10px; grid-template-columns: repeat(2,1fr);}
    .page_download .tablep .catitem .classname .item{ margin-bottom: 0;}
    .page_download .tablep .catitem .classname .item .name{ padding: 0; margin: 0; font-size: 15px;  text-align: center; overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1;line-clamp: 1;  -webkit-box-orient: vertical;}
    .page_download .tablep .catitem .classname .item .name a{ font-size: 15px;}
    .page_download .tablep .classitem .listitem a{ font-size: 14px;}
    .page_download .down_so{ width:100%;}
    .page_download .downbox .item{padding:10px;}
    .page_download .downbox .item .left{  width:calc(100% - 30px)}
    .page_download .downbox .item .res_icon{width:40px; padding:10px 2px;}
    .page_download .downbox .item .res_name{ margin-left:10px; width:calc(100% - 50px)}
    .page_download .downbox .item .res_tit{font-size:15px;margin-bottom:0;}
    .page_download .downbox .item .res_desc{ display:none;}
    .page_download .downbox .item .right{width:30px;}
    .page_download .downbox .item .right span{display:none;}
    .page_download .downbox .item .right span:first-child{display:block;}

    .page_flow{padding:40px 0;}
    .page_flow .text-center .name{font-size:20px;}
    .page_flow .flow_centent{margin-top:20px; grid-gap: 10px; grid-template-columns: repeat(1,1fr);}
    .page_flow .flow_centent .item{ padding:30px 20px;}
    .page_flow .flow_centent .item .icon{font-size:32px;}
    .page_flow .flow_centent .item .tit{font-size:16px;}

    .page_devel{padding:40px 0;}
    .page_devel .team_content{ margin-top:20px;}
    .page_devel .text-center .name{font-size:20px;}
    .page_devel .team_content .cont{ width:100%; font-size:15px; }
    .page_devel .team_content .teambox{ width:100%; margin-top:20px; grid-gap: 10px;grid-template-columns: repeat(1,1fr);}
    .page_devel .team_content .teambox .item .name{font-size:17px;}
    .page_devel .team_content .teambox .item .zhicheng{font-size:15px;}
    .page_devel .working ul{ height:auto !important;}
    .page_devel .working li{ position:relative;}
    .page_devel .working li:first-child{ width:100%;}
    .page_devel .working li:nth-child(2){margin-top:2%; width:49%; height:auto; float:left; left:0;}
    .page_devel .working li:nth-child(3){margin-top:2%; width:49%; height:auto; float:right; }
    .page_devel .working li:nth-child(4){margin-top:2%; width:49%; height:auto; float:left; left:0;}
    .page_devel .working li:nth-child(5){margin-top:2%; width:49%; height:auto; float:right;}

    .page_topic{padding:40px 0;}
    .page_topic .text-center .name{font-size:20px;}
    .page_topic .topicbox .swiper-slide{ width:100% !important}
    .page_topic .topicbox .swiper .swiper-slide .img{ width:100%;}
    .page_topic .topicbox .swiper .swiper-slide .cont{ position:relative; width: 100%; padding:15px 3%; right: 0; top: 0; transform: translateY(0);}
    .page_topic .topicbox .swiper .swiper-slide .cont h4{font-size:17px;}
    .page_topic .topicbox .swiper .swiper-slide .cont .txt{margin:10px auto 15px; font-size:15px; line-height:26px; -webkit-line-clamp: 3;line-clamp: 3;}
    .page_topic .topicbox .more{width:130px; height:40px;}
    .page_topic .topicbox .more p{ line-height:40px;}

    .page_news{padding:40px 0;}
    .page_news .newsshow .item_top .pageT{font-size:16px;}
    .page_news .newsshow .item_top .pageD{font-size:14px;}
    .page_news .newsshow .item_top{ padding-bottom:20px;}
    .page_news .newsshow .item_content{font-size:15px; padding:20px 0;}
    .page_news .newsshow .item_btm{padding-top:20px;}
    .page_news .newsshow .item_btm .paging_nav .prevpage a,.page_news .newsshow .item_btm .paging_nav .nextpage a{font-size:14px;}
    .page_news .newsshow .item_btm .paging_nav{ width:calc(100% - 140px);}
    .page_news .newsshow .item_btm .return_list{ width:130px;}
    .page_news .newsshow .item_btm .return_list .backList{font-size:14px; height:35px;}

    .page_about .aboutProfile{flex-direction: column;}
    .page_about .aboutProfile .about_img{ width:100%}
    .page_about .aboutProfile .about_img .about_videoed{font-size:45px;}
    .page_about .aboutProfile .about_txt{width:100%; margin-left:0}
    .page_about .aboutProfile .about_txt .infor{ margin:0; padding:20px 3%;}
    .page_about .aboutProfile .about_txt .infor .about_scroll h2{font-size:18px; margin-bottom:20px;}
    .page_about .aboutProfile .about_txt .infor .about_scroll{ height:240px; font-size:15px;}
    .page_number{padding:30px 0;}
    .page_number .number .item .T .timer{font-size:32px;}
    .page_number .number .item .c{font-size:14px;}
    .about_advant{padding:40px 0;}
    .about_advant .title{font-size:20px;}
    .about_advant .advantbox{margin-top:20px; flex-direction: column;}
    .about_advant .advantbox .advant{ width:100%}
    .about_advant .advantbox .advant .item{width:100%; padding:15px 3%;border-left: 1px solid #e5e5e5;}
    .about_advant .advantbox .advant .item:first-child{ border-top: 1px solid #e5e5e5;}
    .about_advant .advantbox .advant .item .tit{font-size:17px;}
    .about_advant .advantbox .advant .item .ft{font-size:24px;}
    .about_advant .advantbox .img{ width:100%;}

    .about_plan{padding:40px 0;}
    .about_plan .title{font-size:20px;}
    .about_plan .plan .item{ width:48.5%}
    .about_plan .plan .item .name{font-size:16px;}
    .about_history{padding:50px 0;}
    .about_history .title{font-size:20px;}
    .about_history .history .item{ width:49% !important;}
    .about_history .history .item .name{font-size:17px;}
    .about_history .history .item .time{font-size:16px;}
    .page_honor{padding:40px 0;}
    .page_honor .title{font-size:20px;}
    .page_honor .honorbox{margin:30px auto 0; padding:0 35px;}
    .page_honor .honorbox .item{ width:49% !important;}
    .page_honor .honorbox .honor-prev,.page_honor .honorbox .honor-next{ width:30px; height:30px; line-height:30px;}
    .page_honor .honorbox .item p{font-size:15px;}
    .page_patent{padding:40px 0;}
    .page_patent .title{font-size:20px;}
    .page_patent .patentbox{margin:30px auto 0; padding:0 35px;}
    .page_patent .patentbox .item{ width:49% !important;}
    .page_patent .patentbox .patent-prev,.page_patent .patentbox .patent-next{ width:30px; height:30px; line-height:30px;}
    .page_patent .patentbox .item p{font-size:15px;}
    .page_news .newsbox{grid-gap: 10px;grid-template-columns: repeat(2,1fr);}
    .page_news .newsbox .item .infor{padding:15px 3%;}
    .page_news .newsbox .item .infor .t{margin:10px 0; font-size: 16px; line-height: 26px; height: 52px;}
    .page_news .newsshow{padding:20px 3%;}
    .page_partner{padding:40px 0;}
    .page_partner .partnerbox {grid-gap: 10px; grid-template-columns: repeat(2,1fr);}

    .page_join{padding:40px 0;}
    .page_join .join_txt{margin-bottom:20px;font-size: 15px;line-height: 26px;padding: 20px; border: 2px #ddd solid;}
    .page_join .joinbox{grid-gap: 10px; grid-template-columns: repeat(1,1fr);}
    .page_join .joinbox .item a{padding:15px}
    .page_join .joinbox .item .title{font-size:17px;}
    .page_join .joinshow{padding:20px;}
    .page_join .joinshow .item_top{ padding-bottom:20px;}
    .page_join .joinshow .item_top .pageT{font-size:18px;}
    .page_join .joinshow .item_top .pageD{font-size:14px;}
    .page_join .joinshow .item_content{padding:20px 0;}
    .page_join .joinshow .left{ width:calc(100% - 140px)}
    .page_join .joinshow .item_top .return_list{width:130px;}
    .page_join .joinshow .item_top .return_list .backList{height:30px;}

    .problem_show .search_show .list_dl .list_dt{padding:15px; font-size:16px;}
    .problem_show .search_show .list_dl .list_dd{padding:20px;}
    .page_download .downcont{width:100%}

    .page_about .aboutProfile .about_img .aboutImg_List{width:80%;}
    .solve_video .solveList{width:96%;padding:30px;}
    .solve_video .solveclose{right:5px; top:5px;}
    #pictureViewer > .content{width:96%; height:50vh;}

    .pages li{height:30px; line-height:30px;}
    .pages li a{ padding:0 12px;}

}